<!-- 
  此网址查看效果
  https://play.tailwindcss.com/MTgIA9vKV3
 -->

<div class="container mx-auto my-4">
  <img
    class="rounded shadow-lg"
    src="https://www.apple.com.cn/v/macbook-pro-13/g/images/overview/hero_endframe__bsza6x4fldiq_large.jpg"
    alt="">
    <!-- 
      sm 以上就是

     -->
    <div class="my-8 rounded shadow-lg border sm:flex sm:flex-wrap overflow-hidden">
      <div class="p-6 border-b sm:w-1/2 sm:border-r md:w-1/4 hover:bg-gray-800 group">
        <h2 class="text-xl font-bold mb-2 group-hover:text-white">MacBook Pro 一 Pro 到位</h2>
        <p class="text-gray-500 group-hover:text-white">M1 芯片将惊人的速度和性能，为 13 英寸 MacBook Pro 整装到位。它的中央处理器性能最高提升到 2.8 倍，图形处理速度最高提升到 5 倍，超先进神经网络引擎的机器学习速度最高提升到 11 倍。而且电池续航最长达 20 小时，也是所有 Mac 里最强的。我们这款经典的 Pro 级笔记本电脑，现在升入全新纪元。</p>
      </div>
      <div class="p-6 border-b sm:w-1/2 md:w-1/4 md:border-r md:border-0 hover:bg-gray-800 group">
        <h2 class="text-xl font-bold mb-2 group-hover:text-white">MacBook Pro 一 Pro 到位</h2>
        <p class="text-gray-500 group-hover:text-white">M1 芯片将惊人的速度和性能，为 13 英寸 MacBook Pro 整装到位。它的中央处理器性能最高提升到 2.8 倍，图形处理速度最高提升到 5 倍，超先进神经网络引擎的机器学习速度最高提升到 11 倍。而且电池续航最长达 20 小时，也是所有 Mac 里最强的。我们这款经典的 Pro 级笔记本电脑，现在升入全新纪元。</p>
      </div>
      <div class="p-6 border-b sm:w-1/2 sm:border-r sm:border-0 md:w-1/4 hover:bg-gray-800 group">
        <h2 class="text-xl font-bold mb-2 group-hover:text-white">MacBook Pro 一 Pro 到位</h2>
        <p class="text-gray-500 group-hover:text-white">M1 芯片将惊人的速度和性能，为 13 英寸 MacBook Pro 整装到位。它的中央处理器性能最高提升到 2.8 倍，图形处理速度最高提升到 5 倍，超先进神经网络引擎的机器学习速度最高提升到 11 倍。而且电池续航最长达 20 小时，也是所有 Mac 里最强的。我们这款经典的 Pro 级笔记本电脑，现在升入全新纪元。</p>
      </div>
      <div class="p-6 sm:w-1/2 md:w-1/4 hover:bg-gray-800 group">
        <h2 class="text-xl font-bold mb-2 group-hover:text-white">MacBook Pro 一 Pro 到位</h2>
        <p class="text-gray-500 group-hover:text-white">M1 芯片将惊人的速度和性能，为 13 英寸 MacBook Pro 整装到位。它的中央处理器性能最高提升到 2.8 倍，图形处理速度最高提升到 5 倍，超先进神经网络引擎的机器学习速度最高提升到 11 倍。而且电池续航最长达 20 小时，也是所有 Mac 里最强的。我们这款经典的 Pro 级笔记本电脑，现在升入全新纪元。</p>
      </div>

      <!-- <div>
        <h2> M1 芯片 小小芯片，开天辟地。</h2>
        <p>没错，它来了。Apple M1，我们首款专为 Mac 打造的芯片。这款 SoC 芯片封装了数量惊人的 160 亿个晶体管，而且将中央处理器、图形处理器、神经网络引擎、各种连接功能，以及其他众多组件，统统集成在同一块小小的芯片上。格外强大的性能、量身打造的技术、令人惊叹的能效表现，M1 芯片不仅让 Mac 跨出新一步，更开创了一个新世界。</p>
      </div>

      <div>
        <h2>8 核中央处理器强大芯片坐镇，有的是底气</h2>
        <p>M1 芯片让 MacBook Pro 速度超快、动力超强。它的 8 核中央处理器，速度比上一代机型最高提升到 2.8 倍1，应对各种复杂工作和繁重任务都不在话下，而且能效表现还出奇的好。</p>
      </div>

      <div>
        <h2>凶猛利器，华丽出手</h2>
        <p>M1 芯片的 8 核图形处理器，在先进性上大大跃升。它的处理能力提升至惊人的 5 倍，堪称个人电脑集成显卡中的速度担当。</p>
      </div> -->
    </div>
</div>